<template>
  <b-container fluid style="padding-bottom: 72px; margin-top: -48px;">
    <b-row align-h="center" class="segment-title-row">
      <b-col lg="11">
        <!-- <span class="segment-title">精英团队</span>
        <span class="segment-subtitle">Team</span> -->
        <SectionTitle title="精英团队" sub-title="Team" />
      </b-col>
    </b-row>
    <b-row align-h="center" style="margin-top: 24px;">
      <b-col lg="11">
        <b-card-group deck>
          <b-row no-gutters>
            <b-col sm="6" md="3">
              <TeamMemberCard
                name="陈金杯"
                title="创始人"
                desc="陈金杯为邦美佳科技主要创始人，于2018年5月出任董事局主席。自2017年企业成立以来..."
                img-src="/images/team-member-1.jpg"
              />
            </b-col>
            <b-col sm="6" md="3">
              <TeamMemberCard
                name="文总"
                title="执行副主席"
                desc="文总于2017年加入邦美佳科技，是公司联合创始人之一，2018年5月前一直担任..."
                img-src="/images/team-member-2.jpg"
              />
            </b-col>
            <b-col sm="6" md="3">
              <TeamMemberCard
                name="霍彩东"
                title="董事助理兼首席执行官"
                desc="霍彩东于2019年3月出任首席执行官。他同时是邦美佳科技董事助理及魁牛合伙的创始..."
                img-src="/images/team-member-3.jpg"
              />
            </b-col>
            <b-col sm="6" md="3">
              <TeamMemberCard
                name="张嘉伟"
                title="首席财务官"
                desc="张嘉伟自2019年3月起担任邦美佳科技首席财务官。他于2018年10月至2019年4月任..."
                img-src="/images/team-member-4.jpg"
              />
            </b-col>
          </b-row>
        </b-card-group>
      </b-col>
    </b-row>
  </b-container>
</template>

<script>
import SectionTitle from '@/components/m/SectionTitle';
import TeamMemberCard from '@/components/TeamMemberCard';

export default {
  components: {
    SectionTitle,
    TeamMemberCard,
  },
};
</script>
